import React from 'react';
var $=require('jquery');
import { Carousel } from 'antd';


class Tab extends React.Component {

  render() {
      
    return (
      // <div>
      //      <div className="tab" style={styleOp}><img src="../images/banner/banner_1.jpg"/></div>
      //      <div className="tab"><img src="../images/banner/banner_2.jpg"/></div>
      //      <div className="tab"><img src="../images/banner/banner_3.jpg"/></div>
      //       <ul>
      //           <li data-num="0" className="tabLi1 tabLi" onClick={this.butClick}><span></span></li>
      //           <li data-num="1" className="tabLi2 tabLi" onClick={this.butClick}><span></span></li>
      //           <li  data-num="2" className="tabLi3 tabLi" onClick={this.butClick}><span></span></li>
      //       </ul>

      // </div>


       <Carousel effect="fade">
          <div><div className="bannerList_one"></div><div className="bannerList_two"></div><div className="bannerList_three">立即开通</div><img src="../images/banner/banner_1.jpg"/></div>
          <div><div className="bannerList_one"></div><div className="bannerList_two"></div><div className="bannerList_three">立即开通</div><img src="../images/banner/banner_2.jpg"/></div>
          <div><div className="bannerList_one"></div><div className="bannerList_two"></div><div className="bannerList_three">立即开通</div><img src="../images/banner/banner_3.jpg"/></div>
          
        </Carousel>
    );
  }
}


module.exports=Tab;